{extend name="index/head" /}

{block name="link"}
<link rel="stylesheet" href="__STATIC__/index/css/index.css">
<link rel="stylesheet" href="__STATIC__/index/css/head.css">
<link rel="stylesheet" href="__STATIC__/index/css/swiper.min.css">
{/block}
{block name="main"}
<div id="contentsd" v-cloak>
    <!--首页轮播-->
    <div class="huswiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <img class="swiper-slide" v-for="(item,index)  in  swiper" :src="item"/>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <!--轮播图下面的模块-->
    <div class="sanpai">
        <div>
            <div    class="mo active">
                <img src="__STATIC__/index/img/brands.png"/>
                <!--<img  src="__STATIC__/index/img/brand.png"  />-->
                <div>首家国际联号五星级品牌酒店</div>
            </div>
            <div  class="mo ">
                <img src="__STATIC__/index/img/haiyang.png"/>
                <!--<img  src="__STATIC__/index/img/haiyangs.png"  />-->
                <div>首家国际联号五星级品牌酒店</div>
            </div>
            <div  class="mo ">
                <img src="__STATIC__/index/img/huanbao.png"/>
                <!--<img  src="__STATIC__/index/img/huanbaos.png"  />-->
                <div>首家国际联号五星级品牌酒店</div>
            </div>
        </div>
    </div>

    <!--酒店简介-->
    <div class="jianjie">
        <div>
            <div class="mo">
                <div>HOTEL SUMMAR</div>
                <div>酒店简介</div>
                <div>
                    柬埔寨·蓝湾·豪生国际酒店是一家国际联号五星级酒店。酒店所在的西哈努克经济特区风光旖旎的西哈努克港独立海滩，蓝天碧海，银沙细浪，海天一色。酒店内设纯海景客房500余间，开放式海景餐厅，无边际游泳池，沙滩露天酒吧，SPA会所，免税购物中心等，以及国际著名的大卫·白沙皇宫娱乐场。酒店整体设计独具匠心，尊贵典雅，是您旅游，商务，休闲的绝佳首地，酒店全面引入豪生国际品牌管理体系，全面满足您的消费需求，我们致力于为每一位宾客提供完美的酒店服务体验。
                </div>
                <div class="more">
                    <div>更多</div>
                    <img src="__STATIC__/index/img/huisjiantou.png"/>
                </div>
            </div>
            <div class="mo"><img src="__STATIC__/index/img/yu.png"/></div>
        </div>
    </div>

    <!--酒店房型-->
    <div class="fangxing">
        <div class="mo">
            <div ><img src="__STATIC__/index/img/fangxing1.jpg"/>
                <div>总统套房</div>
                <div>$1000.00</div>
            </div>
            <div ><img src="__STATIC__/index/img/fangxing2.jpg"/>
                <div>海景套房</div>
                <div>$1000.00</div>
            </div>
            <div ><img src="__STATIC__/index/img/fangxing3.jpg"/>
                <div>行政套房</div>
                <div>$1000.00</div>
            </div>
            <div ><img src="__STATIC__/index/img/fangxing4.jpg"/>
                <div>会议厅</div>
                <div>$1000.00</div>
            </div>
        </div>
        <div class="mo">
            <div >Hotel room type</div>
            <div>酒店房型</div>
            <div >酒店拥有各类豪华客房500余间，其中包括套房38间，面积从45平方米至160平方米。 酒店客房采用国际领先的AI智能化控制系统，给您带来全新的愉悦体验。
                24小时私人管家服务，为入住酒店套房及至尊俱乐部的宾客提供最贴心、周到的服务。
            </div>
            <div class="mores">
                <div>更多</div>
                <img src="__STATIC__/index/img/jiantou.png"/>
            </div>
            <img class="fangxingbg" src="__STATIC__/index/img/fangxingbg.jpg"/>
        </div>
    </div>

    <!--餐饮美食-->
    <div class="food">
        <div class="mo">
            <div class="">
                <div></div>
                <div>餐饮美食</div>
                <div></div>
            </div>
            <div class="">
                <div>
                    <img src="__STATIC__/index/img/delicious1.jpg"/>
                    <div>海景餐厅</div>
                    <div>餐厅设置酒店十八层，以粤菜美食闻名，并设东南亚风 格特 色菜肴。满足您舌尖上味蕾的全方位需求。</div>
                </div>
                <div>
                    <img src="__STATIC__/index/img/delicious2.jpg"/>
                    <div>沙滩酒吧</div>
                    <div>沙滩酒吧，位于酒店外一楼；在这里品味美食，畅饮缤 纷！ 夕阳西下，椰林海风</div>
                </div>
                <div>
                    <img src="__STATIC__/index/img/delicous3.jpg"/>
                    <div>大堂吧</div>
                    <div>大堂吧位于酒店十八楼，时尚而又典雅的环境、是您会晤与小 憩的理想之 处。</div>
                </div>
            </div>
            <div>
                <div class="mored">
                    <div>更多</div>
                    <img src="__STATIC__/index/img/huisjiantou.png"/>
                </div>
            </div>
        </div>
    </div>

    <!--休闲娱乐-->
    <div  class="mo entertainment" >
           <div >
               <div></div>
               <div>休闲娱乐</div>
               <div></div>
           </div>
        <div>
            <div  >
                <img  src="__STATIC__/index/img/enter1.jpg" />
                <div>
                    <div>大卫白沙皇宫娱乐场</div>
                    <div>酒店娱乐城位于酒店1F-4F,由国际著名的大卫会 和白沙皇宫娱乐管理公司联袂经营管理,娱乐场营 业面积10000㎡，美轮美奂、尊贵显赫。</div>
                    <div>开放时间</div>
                    <div>上午10点—下午11点</div>
                </div>
            </div>
            <div  >
                <div>
                    <div>SPA会所</div>
                    <div>SPA会所位于酒店4F,与毗邻空中花园、无边际 泳池，健身中心，为注重健康养生的您带来无 比的便捷，会所聘请中、日、韩、南亚、欧美 各地区佳丽，恭候阁下亲临体验！</div>
                    <div>开放时间</div>
                    <div>上午10点—下午11点</div>
                </div>
                <img  src="__STATIC__/index/img/enter2.jpg" />
            </div>
            <div  >
                <img  src="__STATIC__/index/img/enter3.jpg" />
                <div>
                    <div>健身中心</div>
                    <div>健身中心位于酒店四楼，器材齐备、功能完善。 是为注重健康，乐于运动的您而备。尽情挥洒 汗水的同时享受运动的激情和酣畅！</div>
                    <div>开放时间</div>
                    <div>上午10点—下午11点</div>
                </div>
            </div>
            <div  >
                <div>
                    <div>无边际游泳池</div>
                    <div>无边际游泳池位于酒店四楼，占地面积近1000㎡ 碧波荡漾，海天一色，与独立海滩的美景完美融 合，在佳丽云集的游泳池旁边，您也有可能遇到 路途中不期而遇的浪漫邂逅。</div>
                    <div>开放时间</div>
                    <div>上午10点—下午11点</div>
                </div>
                <img  src="__STATIC__/index/img/enter4.jpg" />
            </div>
            <div >
                <img  src="__STATIC__/index/img/enter5.jpg" />
                <div>
                    <div>豪华游艇</div>
                    <div>海上游艇码头，位于酒店海滩。闲暇之余，你可 邀约挚友扬帆与蓝天碧海之间，挥杆海钓或与佳 人共品佳酿，尽享写意人生！</div>
                    <div>开放时间</div>
                    <div>上午10点—下午11点</div>
                </div>
            </div>
        </div>
        <div>
        </div>
    </div>

    <!--酒店资讯-->
    <div  class="news">
    <div class="mo">
          <div >
              <div></div>
              <div>酒店资讯</div>
              <div></div>
          </div>
          <div>
             <div class=" zxleft">
                 <img   src="__STATIC__/index/img/zixun.jpg" />
                 <div>
                     <div>
                         <div>17</div>
                         <div>2019-19</div>
                     </div>
                     <div>
                         <div>酒店新研发特色菜系</div>
                         <div>餐厅设置酒店十八层，以粤菜美食闻名，并设东南亚风 格特色菜肴。满足您舌尖上味蕾的全方位需求。</div>
                     </div>
                 </div>
             </div>

              <div class=" zxright"  style="background-image: url('__STATIC__/index/img/lanjing.png');background-repeat: no-repeat;background-size: 100% 100%;">
                       <div>
                           <div>
                               <div>行政套房限时优惠券发放</div>
                               <div>餐厅设置酒店十八层，以粤菜美食闻名，并设东南亚风 格特色菜肴。自助 早餐、海鲜自助餐、全方位满足您的就餐需求。在您品尝美食的时候整个 独立海滩的美景尽收眼底。</div>
                           </div>
                           <div>
                               <div>17</div>
                               <div>2019-19</div>
                               <div><img  src="__STATIC__/index/img/huisjiantou.png" /></div>
                           </div>
                       </div>
                  <div>
                      <div>
                          <div>行政套房限时优惠券发放</div>
                          <div>餐厅设置酒店十八层，以粤菜美食闻名，并设东南亚风 格特色菜肴。自助 早餐、海鲜自助餐、全方位满足您的就餐需求。在您品尝美食的时候整个 独立海滩的美景尽收眼底。</div>
                      </div>
                      <div>
                          <div>17</div>
                          <div>2019-19</div>
                          <div><img  src="__STATIC__/index/img/huisjiantou.png" /></div>
                      </div>
                  </div>
                  <div>
                      <div>
                          <div>行政套房限时优惠券发放</div>
                          <div>餐厅设置酒店十八层，以粤菜美食闻名，并设东南亚风 格特色菜肴。自助 早餐、海鲜自助餐、全方位满足您的就餐需求。在您品尝美食的时候整个 独立海滩的美景尽收眼底。</div>
                      </div>
                      <div>
                          <div>17</div>
                          <div>2019-19</div>
                          <div><img  src="__STATIC__/index/img/huisjiantou.png" /></div>
                      </div>
                  </div>

              </div>
          </div>
          <div>
            <div class="mored">
                <div>更多</div>
                <img src="__STATIC__/index/img/huisjiantou.png"/>
            </div>
        </div>
    </div>
    </div>

     <!--联系我们-->
    <div  class="mo   call">
        <div><img    src="__STATIC__/index/img/ditu.jpg" /></div>
        <div>
            <div>联系我们</div>
            <div>西哈努克蓝湾豪生国际酒店</div>
            <div class="dan dans">酒店地址: 柬埔寨 西哈努克市 3号区 1号村 2号路 独立海滩</div>
            <div  class="dan">酒店热线：（855）0318199999 </div>
            <div  class="dan">招聘热线：（855）0319899999 </div>
            <form>
                  <input   placeholder="姓名"  type="text"/>
                  <input   placeholder="手机号码"  type="" />
                 <textarea  placeholder="留言内容：">

                 </textarea>
                 <button >提交</button>
            </form>
        </div>
    </div>




</div>

<!--首页视频弹窗-->
<div id="bg" class="bg" v-if="show==1">
    <div>
        <video  :src="shipin" autoplay="autoplay" loop controls="controls"  muted>
            <!--您的浏览器不支持 video 标签。-->
        </video>
        <div class="into" @click="into">进入首页</div>
    </div>
</div>

{/block}


{block name="js"}
<script src="__STATIC__/index/js/jquery.3.3.1.min.js"></script>
<script src="__STATIC__/index/js/vue.js"></script>
<script src="__STATIC__/index/js/swiper.min.js"></script>
<script src="__STATIC__/index/js/gundong.js"></script>
{/block}

{block name="xia"}
<script>
    //获取整个屏幕的高度
    function getClientHeight() {
        var clientHeight = 0;
        if (document.body.clientHeight && document.documentElement.clientHeight) {
            var clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
        } else {
            var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
        }
        return clientHeight;
    }

    $(".bg").on('touchmove', function (e) {
        e.preventDefault();
    })
    var height = getClientHeight();
    $(".bg").css("height", height);
    window.onload = function () {
        var mySwiper = new Swiper('.swiper-container', {
            loop: true, // 循环模式选项
            autoplay: true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        })
    }

    //当滚动条滚动的时候执行以下方法
    ani("mo","show");



    var index = new Vue({
        el: "#contentsd",
        data: {
            xuanzhuan:1,
            swiper: ["__STATIC__/index/img/banner.jpg", "__STATIC__/index/img/banner.jpg", "__STATIC__/index/img/banner.jpg"]
        },
        methods: {

        },

        created() {

        },
        mounted() {

        }
    })


    //首页的视频播放
    var bg = new Vue({
        el: "#bg",
        data: {
            show: 1,
            shipin: "__STATIC__/index/img/2017123101.mp4"
        },
        methods: {
            //视频播放 点击进入首页
            into: function () {
                this.show = 0
            }
        }
    })

</script>
{/block}

